@charset "UTF-8";

/* csslayout01.css */

body {
	border: 1px solid black;
	width: 950px; min-height: 550px;
	margin: 0 auto;
}

header {
	height: 120px;
	background: #FFE1DA;	
}

#contents {
	padding: 10px;
	min-height: 450px;
	background: #FFFFDF;
}

footer {
	border-top: 1px solid black;
	height: 160px;
	background: #FFEFE6;
}

nav {
	padding: 10px 20px 10px 20px;
	background: #FF997F;	
}

#logo {
	margin-left: 20px;
	width: 180px; height: 120px;
	background: url(../images/logo.jpg);
	float: left;
}

#qtext {
	width: 200px;
	float: left;
	margin: 90px 0 0 10px;
}

#qtext span {text-decoration: underline;}

#qmenu {
	float: right;
	margin: -10px 10px 0 0;
}
#qmenu ul li {	
	float: left;
}

nav input[type="text"] {
	width: 300px; border: 2px solid #8F5D4C;
}
nav button { width: 125px; padding: 2px;}
nav select {
	width: 125px; padding: 0;
	border: 2px solid #8F5D4C;
}

#sect01, #sect02 {
	margin: 0 10px 0 10px;
}
aside {
	border: 2px solid #8F5D4C;
	width: 20%;
	float: left;
}
aside ul {
	margin: 0; padding: 0;
}
aside ul li {
	padding: 5px 0 5px 15px;
	border-bottom: 1px solid #E5957A;
}
aside ul li:last-child {
	border-bottom: none;
}
section {
	border: 2px solid #8F5D4C;
	float: left;
	width: 78%; height: 223px;
	margin-left: 10px;
}
section p {
	text-align: center;
	position: relative; top: 35%;
}
section ul {
	float: right;
	margin-right: 15px;
	position: relative; top: 50%;
}
section ul li{
	background-color: rgba(210, 210, 210, 0.5);
	float: left;
	padding: 4px 10px 4px 10px;
	margin: 5px;
}

#sect02 h3 { padding-top: 15px; }
#sect02 div {
	width:100px; height: 100px;	
	background-color: #e0e0e0;
	border-radius: 10px;
}
#sect02 ul li p {
	text-decoration: underline;
	text-align: center;
}
#sect02 ul li {	
	float: left;
	margin-right: 40px;
}

footer ul {
	float: left;
	margin: 20px 0 20px 55px;
	width: 60px;
}
footer ul li {
	margin-left: -30px;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0; padding: 0; /* reset1 */
}
ul { list-style-type: none; } /* reset2 */
#copy {
	text-align: center;
	font-size: 11px;
}
.clearme {
	clear: both;
}
